<template>
	<div class="dueMessa">
		<el-tabs v-model="activeName">
		    <el-tab-pane label="用户信息" name="first">
		    	<dueCase :queryMsg="queryMsg"></dueCase>
		    </el-tab-pane>
		    <el-tab-pane label="提醒记录" name="second">
		    	<dueRecord :queryMsg="queryMsg"></dueRecord>
		    </el-tab-pane>
		</el-tabs>
	</div>
</template>
<script>
	import dueRecord from './dueRecord.vue';
	import dueCase from './dueCase.vue';
	export default({
		props:["queryMsg"],
		data(){
			return{
				activeName: 'first',
				hackReset: true
			}
		},
		methods: {
	        
	    },
		components:{
			dueRecord,
			dueCase
		},
		created(){
			let that = this;
		}
	})
</script>
<style lang="less">
	.dueMessa{
		.el-tabs{
			position:relative;
			margin-top: 20px;
			
			.el-tabs__header{
				position:relative !important;
				
				width:auto !important;
			}
			.el-tabs__content{
				position:relative !important;
				top:0 !important;
			}
		}	
	}
	
</style>